/* Copyright 2009-2011 Hewlett-Packard Development Company, L.P. All rights reserved. */
.enyo-input {
	border-width: 14px;
	border-style: solid;
	border-color: transparent;
	-webkit-box-sizing: border-box;
}

.enyo-input-focus {
	-webkit-border-image: url(../images/input-middle-focus.png) 14 14;
}

.enyo-input-input {
	display: block;
	border: none;
	outline: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: 100%;
	min-height: 50px;
	margin: -14px -4px;
	-webkit-box-sizing: border-box;
	cursor: pointer;
}

.enyo-input-input:focus {
	cursor: text;
}

/* 
FIXME: we almost always want some padding on a enyo-item, except when it's surrounding 
		a fancy-input.... so we special case that here, non-ideal 
*/

.enyo-item > .enyo-input {
	margin: -8px;
}

.enyo-first.enyo-input-focus {
	padding-bottom: 11px;
	border-width: 14px 14px 3px 14px;
	-webkit-border-image: url(../images/input-first-focus.png) 14 14 3 14;
}

.enyo-last.enyo-input-focus {
	padding-top: 11px;
	border-width: 3px 14px 14px 14px;
	-webkit-border-image: url(../images/input-last-focus.png) 3 14 14 14;
}

.enyo-single.enyo-input-focus {
	background-color: transparent;
	border-width: 14px;
	-webkit-border-image: url(../images/input-focus.png) 14 14;
}